<template>
    <el-container>
        <el-header></el-header>

        <el-main>
            <el-space direction="vertical" :size="30">
        <el-image src="/login_img.png"></el-image>

        <el-space direction="vertical" :size="10">
            <el-space direction="vertical" :size="20">
            <el-row>
                <el-col :span="20">
                    <el-input 
                        v-model="input" 
                        style="width: 280px; height: 45px;" 
                        placeholder="账号" 
                        prefix-icon="UserFilled"/>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="20">
                    <el-input 
                        v-model="input" 
                        style="width: 280px; height: 45px;"
                        placeholder="密码" 
                        type="password"
                        prefix-icon="Lock"  />
                </el-col>
            </el-row>
        </el-space>
            <el-space :size="10">
                <el-link type="primary">注册用户</el-link>
                <el-link type="primary">忘记密码</el-link>
            </el-space>
        </el-space>
        <el-button type="primary" icon="ArrowRightBold" round size="large" @click="to_basic_page">登录</el-button>
    </el-space>
    
    </el-main>


    <el-footer>
        
    </el-footer>

</el-container>
</template>

<script>
export default{
    data(){
    },
    methods:{
        to_basic_page(){
            this.$router.push({ path: '/main'})
        }
    }
}

</script>